<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <title>Adminox - Responsive Web App Kit</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
  <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description"> 
  <meta content="Coderthemes" name="author"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <!-- App favicon --> 
  <link rel="shortcut icon" href="assets/images/favicon.ico"> 
  <!-- App css --> 
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/icons.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css"> 
  <link href="assets/css/style.css" rel="stylesheet" type="text/css"> 
  <script src="assets/js/modernizr.min.js"></script> 
 </head> 
 <body> 
  <!-- Begin page --> 
  <div id="wrapper"> 
   <!-- Top Bar Start --> 
   <div class="topbar"> 
    <!-- LOGO --> 
    <div class="topbar-left"> 
     <a href="index1.html" class="logo"> <span> <img src="assets/images/logo.png" alt="" height="25"> </span> <i> <img src="assets/images/logo_sm.png" alt="" height="28"> </i> </a>
    </div> 
    <nav class="navbar-custom"> 
     <ul class="list-inline float-right mb-0"> 
      <li class="list-inline-item dropdown notification-list"> <a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="dripicons-bell noti-icon"></i> <span class="badge badge-pink noti-icon-badge">4</span> </a> 
       <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview"> 
        <!-- item--> 
        <div class="dropdown-item noti-title"> 
         <h5><span class="badge badge-danger float-right">5</span>Notification</h5> 
        </div> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-success">
          <i class="icon-bubble"></i>
         </div> <p class="notify-details">Robert S. Taylor commented on Admin<small class="text-muted">1 min ago</small></p> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-info">
          <i class="icon-user"></i>
         </div> <p class="notify-details">New user registered.<small class="text-muted">1 min ago</small></p> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> 
         <div class="notify-icon bg-danger">
          <i class="icon-like"></i>
         </div> <p class="notify-details">Carlos Crouch liked <b>Admin</b><small class="text-muted">1 min ago</small></p> </a> 
        <!-- All--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item notify-all"> View All </a> 
       </div> </li> 
      <li class="list-inline-item dropdown notification-list"> <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <img src="assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle"> </a> 
       <div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview"> 
        <!-- item--> 
        <div class="dropdown-item noti-title"> 
         <h5 class="text-overflow"><small>Welcome ! John</small> </h5> 
        </div> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-account-circle"></i> <span>Profile</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-settings"></i> <span>Settings</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-lock-open"></i> <span>Lock Screen</span> </a> 
        <!-- item--> 
        <a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-power"></i> <span>Logout</span> </a> 
       </div> </li> 
     </ul> 
     <ul class="list-inline menu-left mb-0"> 
      <li class="float-left"> <button class="button-menu-mobile open-left waves-light waves-effect"> <i class="dripicons-menu"></i> </button> </li> 
      <li class="hide-phone app-search"> 
       <form role="search" class=""> 
        <input type="text" placeholder="Search..." class="form-control"> 
        <a href=""><i class="fa fa-search"></i></a> 
       </form> </li> 
     </ul> 
    </nav> 
   </div> 
   <!-- Top Bar End --> 
   <!-- ========== Left Sidebar Start ========== --> 
   <div class="left side-menu"> 
    <div class="slimscroll-menu" id="remove-scroll"> 
     <!-- Sidemenu --> 
     <div id="sidebar-menu"> 
      <!-- Left Menu Start --> 
      <ul class="metismenu" id="side-menu"> 
       <li class="menu-title">Navigation</li> 
       <li> <a href="javascript: void(0);"> <i class="fi-air-play"></i><span class="badge badge-success pull-right">2</span> <span> Dashboard </span> </a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="index1.html">Dashboard 1</a></li>
         <li><a href="dashboard-2.html">Dashboard 2</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-target"></i> <span> Admin UI </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="admin-grid.html">Grid</a></li> 
         <li><a href="admin-sweet-alert.html">Sweet Alert</a></li> 
         <li><a href="admin-tiles.html">Tiles Box</a></li> 
         <li><a href="admin-nestable.html">Nestable List</a></li> 
         <li><a href="admin-rangeslider.html">Range Slider</a></li> 
         <li><a href="admin-ratings.html">Ratings</a></li> 
         <li><a href="admin-filemanager.html">File Manager</a></li> 
         <li><a href="admin-lightbox.html">Lightbox</a></li> 
         <li><a href="admin-scrollbar.html">Scroll bar</a></li> 
         <li><a href="admin-slider.html">Slider</a></li> 
         <li><a href="admin-treeview.html">Treeview</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-briefcase"></i> <span> UI Kit </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="ui-typography.html">Typography</a></li> 
         <li><a href="ui-panels.html">Panels</a></li> 
         <li><a href="ui-buttons.html">Buttons</a></li> 
         <li><a href="ui-modals.html">Modals</a></li> 
         <li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li> 
         <li><a href="ui-spinners.html">Spinners</a></li> 
         <li><a href="ui-ribbons.html">Ribbons</a></li> 
         <li><a href="ui-portlets.html">Portlets</a></li> 
         <li><a href="ui-tabs.html">Tabs</a></li> 
         <li><a href="ui-progressbars.html">Progress Bars</a></li> 
         <li><a href="ui-notifications.html">Notification</a></li> 
         <li><a href="ui-carousel.html">Carousel</a> </li>
         <li><a href="ui-video.html">Video</a> </li>
         <li><a href="ui-tooltips-popovers.html">Tooltips &amp; Popovers</a></li> 
         <li><a href="ui-images.html">Images</a></li> 
         <li><a href="ui-bootstrap.html">Bootstrap UI</a></li> 
        </ul> </li> 
       <li> <a href="tickets.html"><i class="fi-help"></i><span class="badge badge-danger pull-right">New</span> <span> Tickets </span></a> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-box"></i><span> Icons </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="icons-colored.html">Colored Icons</a></li> 
         <li><a href="icons-materialdesign.html">Material Design</a></li> 
         <li><a href="icons-dripicons.html">Dripicons</a></li> 
         <li><a href="icons-fontawesome.html">Font awesome</a></li> 
         <li><a href="icons-feather.html">Feather Icons</a></li> 
         <li><a href="icons-simple-line.html">Simple line Icons</a></li> 
         <li><a href="icons-flags.html">Flag Icons</a></li> 
         <li><a href="icons-file.html">File Icons</a></li> 
         <li><a href="icons-pe7.html">PE7 Icons</a></li> 
         <li><a href="icons-typicons.html">Typicons</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-bar-graph-2"></i><span> Graphs </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="chart-flot.html">Flot Chart</a></li> 
         <li><a href="chart-morris.html">Morris Chart</a></li> 
         <li><a href="chart-google.html">Google Chart</a></li> 
         <li><a href="chart-echart.html">Echarts</a></li> 
         <li><a href="chart-chartist.html">Chartist Charts</a></li> 
         <li><a href="chart-chartjs.html">Chartjs Chart</a></li> 
         <li><a href="chart-c3.html">C3 Chart</a></li> 
         <li><a href="chart-justgage.html">Justgage Charts</a></li> 
         <li><a href="chart-sparkline.html">Sparkline Chart</a></li> 
         <li><a href="chart-knob.html">Jquery Knob</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-mail"></i><span> Email </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="email-inbox.html">Inbox</a></li> 
         <li><a href="email-read.html">Read Email</a></li> 
         <li><a href="email-compose.html">Compose Email</a></li> 
        </ul> </li> 
       <li> <a href="taskboard.html"><i class="fi-paper"></i> <span> Task Board </span></a> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-disc"></i><span class="badge badge-warning pull-right">12</span> <span> Forms </span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="form-elements.html">Form Elements</a></li> 
         <li><a href="form-advanced.html">Form Advanced</a></li> 
         <li><a href="form-layouts.html">Form Layouts</a></li> 
         <li><a href="form-validation.html">Form Validation</a></li> 
         <li><a href="form-pickers.html">Form Pickers</a></li> 
         <li><a href="form-wizard.html">Form Wizard</a></li> 
         <li><a href="form-mask.html">Form Masks</a></li> 
         <li><a href="form-summernote.html">Summernote</a></li> 
         <li><a href="form-wysiwig.html">Wysiwig Editors</a></li> 
         <li><a href="form-typeahead.html">Typeahead</a></li> 
         <li><a href="form-x-editable.html">X Editable</a></li> 
         <li><a href="form-uploads.html">Multiple File Upload</a></li> 
        </ul> </li> 
       <li> <a href="javascript: void(0);"><i class="fi-layout"></i> <span> Tables </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="tables-basic.html">Basic Tables</a></li> 
         <li><a href="tables-layouts.html">Tables Layouts</a></li> 
         <li><a href="tables-datatable.html">Data Tables</a></li> 
         <li><a href="tables-foo-tables.html">Foo Tables</a></li> 
         <li><a href="tables-responsive.html">Responsive Table</a></li> 
         <li><a href="tables-tablesaw.html">Tablesaw Tables</a></li> 
         <li><a href="tables-editable.html">Editable Tables</a></li> 
        </ul> </li> 
       <li class="menu-title">More</li> 
       <li> <a href="javascript: void(0);"><i class="fi-map"></i> <span> Maps </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="maps-google.html">Google Maps</a></li> 
         <li><a href="maps-google-full.html">Full Google Map</a></li> 
         <li><a href="maps-vector.html">Vector Maps</a></li> 
         <li><a href="maps-mapael.html">Mapael Maps</a></li> 
        </ul> </li> 
       <li><a href="calendar.html"><i class="fi-clock"></i> <span>Calendar</span> </a></li> 
       <li> <a href="javascript: void(0);"><i class="fi-paper-stack"></i><span> Pages </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="page-starter.html">Starter Page</a></li> 
         <li><a href="page-login.html">Login</a></li> 
         <li><a href="page-register.html">Register</a></li> 
         <li><a href="page-logout.html">Logout</a></li> 
         <li><a href="page-recoverpw.html">Recover Password</a></li> 
         <li><a href="page-lock-screen.html">Lock Screen</a></li> 
         <li><a href="page-confirm-mail.html">Confirm Mail</a></li> 
         <li><a href="page-404.html">Error 404</a></li> 
         <li><a href="page-404-alt.html">Error 404-alt</a></li> 
         <li><a href="page-500.html">Error 500</a></li> 
        </ul> </li> 
       <li class="has_sub"> <a href="javascript:void(0);"><i class="fi-marquee-plus"></i><span> Extra Pages </span> <span class="menu-arrow"></span></a> 
        <ul class="nav-second-level" aria-expanded="false"> 
         <li><a href="extras-about.html">About Us</a></li> 
         <li><a href="extras-contact.html">Contact</a></li> 
         <li><a href="extras-companies.html">Companies</a></li> 
         <li><a href="extras-members.html">Members</a></li> 
         <li><a href="extras-members-2.html">Membars 2</a></li> 
         <li><a href="extras-timeline.html">Timeline</a></li> 
         <li><a href="extras-invoice.html">Invoice</a></li> 
         <li><a href="extras-maintenance.html">Maintenance</a></li> 
         <li><a href="extras-coming-soon.html">Coming Soon</a></li> 
         <li><a href="extras-faq.html">FAQ</a></li> 
         <li><a href="extras-pricing.html">Pricing</a></li> 
         <li><a href="extras-profile.html">Profile</a></li> 
         <li><a href="extras-email-template.html">Email Templates</a></li> 
         <li><a href="extras-search-result.html">Search Results</a></li> 
         <li><a href="extras-sitemap.html">Site Map</a></li> 
        </ul> </li> 
       <li> <a href="todo.html"><i class="fi-layers"></i> <span> Todo </span></a> </li> 
      </ul> 
     </div> 
     <!-- Sidebar --> 
     <div class="clearfix"></div> 
    </div> 
    <!-- Sidebar -left --> 
   </div> 
   <!-- Left Sidebar End --> 
   <!-- ============================================================== --> 
   <!-- Start right Content here --> 
   <!-- ============================================================== --> 
   <div class="content-page"> 
    <!-- Start content --> 
    <div class="content"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-12"> 
        <div class="page-title-box"> 
         <h4 class="page-title float-left">Material Design Icons</h4> 
         <ol class="breadcrumb float-right"> 
          <li class="breadcrumb-item"><a href="#">Adminox</a></li> 
          <li class="breadcrumb-item"><a href="#">Icons</a></li> 
          <li class="breadcrumb-item active">Material Design Icons</li> 
         </ol> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-12"> 
        <div class=""> 
         <div class="card-box"> 
          <h4 class="m-t-0 header-title">Examples</h4> 
          <p class="text-muted m-b-15 font-13"> Use <code>&lt;i class="mdi mdi-access-point"&gt;&lt;/i&gt;</code>. </p> 
          <div class="row icon-list-demo"> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-access-point"></i> mdi mdi-access-point 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-access-point-network"></i> mdi mdi-access-point-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account"></i> mdi mdi-account 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-box"></i> mdi mdi-account-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-box-outline"></i> mdi mdi-account-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-card-details"></i> mdi mdi-account-card-details 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-check"></i> mdi mdi-account-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-circle"></i> mdi mdi-account-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-convert"></i> mdi mdi-account-convert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-key"></i> mdi mdi-account-key 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-location"></i> mdi mdi-account-location 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-minus"></i> mdi mdi-account-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-multiple"></i> mdi mdi-account-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-multiple-minus"></i> mdi mdi-account-multiple-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-multiple-outline"></i> mdi mdi-account-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-multiple-plus"></i> mdi mdi-account-multiple-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-network"></i> mdi mdi-account-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-off"></i> mdi mdi-account-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-outline"></i> mdi mdi-account-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-plus"></i> mdi mdi-account-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-remove"></i> mdi mdi-account-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-search"></i> mdi mdi-account-search 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-settings"></i> mdi mdi-account-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-settings-variant"></i> mdi mdi-account-settings-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-star"></i> mdi mdi-account-star 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-star-variant"></i> mdi mdi-account-star-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-account-switch"></i> mdi mdi-account-switch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-adjust"></i> mdi mdi-adjust 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-air-conditioner"></i> mdi mdi-air-conditioner 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airballoon"></i> mdi mdi-airballoon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airplane"></i> mdi mdi-airplane 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airplane-landing"></i> mdi mdi-airplane-landing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airplane-off"></i> mdi mdi-airplane-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airplane-takeoff"></i> mdi mdi-airplane-takeoff 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-airplay"></i> mdi mdi-airplay 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alarm"></i> mdi mdi-alarm 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alarm-check"></i> mdi mdi-alarm-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alarm-multiple"></i> mdi mdi-alarm-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alarm-off"></i> mdi mdi-alarm-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alarm-plus"></i> mdi mdi-alarm-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-album"></i> mdi mdi-albums 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert"></i> mdi mdi-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert-box"></i> mdi mdi-alert-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert-circle"></i> mdi mdi-alert-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert-circle-outline"></i> mdi mdi-alert-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert-octagon"></i> mdi mdi-alert-octagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alert-outline"></i> mdi mdi-alert-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alpha"></i> mdi mdi-alpha 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-alphabetical"></i> mdi mdi-alphabetical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-altimeter"></i> mdi mdi-altimeter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-amazon"></i> mdi mdi-amazon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-amazon-clouddrive"></i> mdi mdi-amazon-clouddrive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ambulance"></i> mdi mdi-ambulance 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-amplifier"></i> mdi mdi-amplifier 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-anchor"></i> mdi mdi-anchor 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-android"></i> mdi mdi-android 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-android-debug-bridge"></i> mdi mdi-android-debug-bridge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-android-studio"></i> mdi mdi-android-studio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-animation"></i> mdi mdi-animation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple"></i> mdi mdi-apple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-finder"></i> mdi mdi-apple-finder 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-ios"></i> mdi mdi-apple-ios 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-keyboard-caps"></i> mdi mdi-apple-keyboard-caps 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-keyboard-command"></i> mdi mdi-apple-keyboard-command 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-keyboard-control"></i> mdi mdi-apple-keyboard-control 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-keyboard-option"></i> mdi mdi-apple-keyboard-option 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-keyboard-shift"></i> mdi mdi-apple-keyboard-shift 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-mobileme "></i> mdi mdi-apple-mobileme 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apple-safari"></i> mdi mdi-apple-safari 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-application"></i> mdi mdi-application 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-appnet"></i> mdi mdi-appnet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-apps"></i> mdi mdi-apps 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-archive"></i> mdi mdi-archive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrange-bring-forward"></i> mdi mdi-arrange-bring-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrange-bring-to-front"></i> mdi mdi-arrange-bring-to-front 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrange-send-backward"></i> mdi mdi-arrange-send-backward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrange-send-to-back"></i> mdi mdi-arrange-send-to-back 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-all"></i> mdi mdi-arrow-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-bottom-left"></i> mdi mdi-arrow-bottom-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-bottom-right"></i> mdi mdi-arrow-bottom-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-compress"></i> mdi mdi-arrow-compress 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-compress-all"></i> mdi mdi-arrow-compress-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down"></i> mdi mdi-arrow-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down"></i> mdi mdi-arrow-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down-bold-circle"></i> mdi mdi-arrow-down-bold-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down-bold-circle-outline"></i> mdi mdi-arrow-down-bold-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down-bold-hexagon-outline"></i> mdi mdi-arrow-down-bold-hexagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down-drop-circle"></i> mdi mdi-arrow-down-drop-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-down-drop-circle-outline"></i> mdi mdi-arrow-down-drop-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-expand"></i> mdi mdi-arrow-expand 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-expand-all"></i> mdi mdi-arrow-expand-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left"></i> mdi mdi-arrow-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-bold"></i> mdi mdi-arrow-left-bold 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-bold-circle"></i> mdi mdi-arrow-left-bold-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-bold-circle-outline"></i> mdi mdi-arrow-left-bold-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-bold-hexagon-outline"></i> mdi mdi-arrow-left-bold-hexagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-drop-circle"></i> mdi mdi-arrow-left-drop-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-left-drop-circle-outline"></i> mdi mdi-arrow-left-drop-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right"></i> mdi mdi-arrow-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-bold"></i> mdi mdi-arrow-right-bold 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-bold-circle"></i> mdi mdi-arrow-right-bold-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-bold-circle-outline"></i> mdi mdi-arrow-right-bold-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-bold-hexagon-outline"></i> mdi mdi-arrow-right-bold-hexagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-drop-circle"></i> mdi mdi-arrow-right-drop-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-right-drop-circle-outline"></i> mdi mdi-arrow-right-drop-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-top-left"></i> mdi mdi-arrow-top-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-top-right"></i> mdi mdi-arrow-top-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up"></i> mdi mdi-arrow-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-bold"></i> mdi mdi-arrow-up-bold 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-bold-circle"></i> mdi mdi-arrow-up-bold-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-bold-circle-outline"></i> mdi mdi-arrow-up-bold-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-bold-hexagon-outline"></i> mdi mdi-arrow-up-bold-hexagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-drop-circle"></i> mdi mdi-arrow-up-drop-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-arrow-up-drop-circle-outline"></i> mdi mdi-arrow-up-drop-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-assistant"></i> mdi mdi-assistant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-at"></i> mdi mdi-at 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-attachment"></i> mdi mdi-attachment 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-audiobook"></i> mdi mdi-audiobook 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-auto-fix"></i> mdi mdi-auto-fix 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-auto-upload"></i> mdi mdi-auto-upload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-autorenew"></i> mdi mdi-autorenew 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-av-timer"></i> mdi mdi-av-timer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-baby"></i> mdi mdi-baby 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-backburger"></i> mdi mdi-backburger 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-backspace"></i> mdi mdi-backspace 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-backup-restore"></i> mdi mdi-backup-restore 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bank"></i> mdi mdi-bank 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-barcode"></i> mdi mdi-barcode 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-barcode-scan"></i> mdi mdi-barcode-scan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-barley"></i> mdi mdi-barley 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-barrel"></i> mdi mdi-barrel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-basecamp"></i> mdi mdi-basecamp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-basket"></i> mdi mdi-basket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-basket-fill"></i> mdi mdi-basket-fill 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-basket-unfill"></i> mdi mdi-basket-unfill 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery"></i> mdi mdi-battery 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-10"></i> mdi mdi-battery-10 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-20"></i> mdi mdi-battery-20 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-30"></i> mdi mdi-battery-30 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-40"></i> mdi mdi-battery-40 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-50"></i> mdi mdi-battery-50 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-60"></i> mdi mdi-battery-60 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-70"></i> mdi mdi-battery-70 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-80"></i> mdi mdi-battery-80 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-90"></i> mdi mdi-battery-90 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-alert"></i> mdi mdi-battery-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging"></i> mdi mdi-battery-charging 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-100"></i> mdi mdi-battery-charging-100 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-20"></i> mdi mdi-battery-charging-20 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-30"></i> mdi mdi-battery-charging-30 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-40"></i> mdi mdi-battery-charging-40 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-60"></i> mdi mdi-battery-charging-60 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-80"></i> mdi mdi-battery-charging-80 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-charging-90"></i> mdi mdi-battery-charging-90 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-minus"></i> mdi mdi-battery-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-negative"></i> mdi mdi-battery-negative 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-outline"></i> mdi mdi-battery-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-plus"></i> mdi mdi-battery-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-positive"></i> mdi mdi-battery-positive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-battery-unknown"></i> mdi mdi-battery-unknown 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-beach"></i> mdi mdi-beach 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-beats"></i> mdi mdi-beats 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-beer"></i> mdi mdi-beer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-behance"></i> mdi mdi-behance 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell"></i> mdi mdi-bell 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-off"></i> mdi mdi-bell-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-outline"></i> mdi mdi-bell-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-plus"></i> mdi mdi-bell-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-ring"></i> mdi mdi-bell-ring 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-ring-outline"></i> mdi mdi-bell-ring-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bell-sleep"></i> mdi mdi-bell-sleep 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-beta"></i> mdi mdi-beta 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bible"></i> mdi mdi-bible 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bike"></i> mdi mdi-bike 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bing"></i> mdi mdi-bing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-binoculars"></i> mdi mdi-binoculars 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bio"></i> mdi mdi-bio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-biohazard"></i> mdi mdi-biohazard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bitbucket"></i> mdi mdi-bitbucket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-black-mesa"></i> mdi mdi-black-mesa 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blackberry"></i> mdi mdi-blackberry 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blender"></i> mdi mdi-blender 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blinds"></i> mdi mdi-blinds 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-block-helper"></i> mdi mdi-block-helper 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blogger"></i> mdi mdi-blogger 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth"></i> mdi mdi-bluetooth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth-audio"></i> mdi mdi-bluetooth-audio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth-connect"></i> mdi mdi-bluetooth-connect 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth-off"></i> mdi mdi-bluetooth-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth-settings"></i> mdi mdi-bluetooth-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bluetooth-transfer"></i> mdi mdi-bluetooth-transfer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blur"></i> mdi mdi-blur 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blur-linear"></i> mdi mdi-blur-linear 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blur-off"></i> mdi mdi-blur-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-blur-radial"></i> mdi mdi-blur-radial 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bone"></i> mdi mdi-bone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book"></i> mdi mdi-book 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-minus"></i> mdi mdi-book-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-multiple"></i> mdi mdi-book-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-multiple-variant"></i> mdi mdi-book-multiple-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-open"></i> mdi mdi-book-open 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-open-page-variant"></i> mdi mdi-book-open-page-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-open-variant"></i> mdi mdi-book-open-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-plus"></i> mdi mdi-book-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-book-variant"></i> mdi mdi-book-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark"></i> mdi mdi-bookmark 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-check"></i> mdi mdi-bookmark-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-music"></i> mdi mdi-bookmark-music 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-outline"></i> mdi mdi-bookmark-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-plus"></i> mdi mdi-bookmark-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-plus-outline"></i> mdi mdi-bookmark-plus-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bookmark-remove"></i> mdi mdi-bookmark-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-boombox"></i> mdi mdi-boombox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-all"></i> mdi mdi-border-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-bottom"></i> mdi mdi-border-bottom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-color"></i> mdi mdi-border-color 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-horizontal"></i> mdi mdi-border-horizontal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-inside"></i> mdi mdi-border-inside 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-left"></i> mdi mdi-border-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-none"></i> mdi mdi-border-none 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-outside"></i> mdi mdi-border-outside 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-right"></i> mdi mdi-border-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-style"></i> mdi mdi-border-style 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-top"></i> mdi mdi-border-top 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-border-vertical"></i> mdi mdi-border-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bowl"></i> mdi mdi-bowl 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bowling"></i> mdi mdi-bowling 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-box"></i> mdi mdi-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-box-cutter"></i> mdi mdi-box-cutter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-box-shadow"></i> mdi mdi-box-shadow 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bridge"></i> mdi mdi-bridge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-briefcase"></i> mdi mdi-briefcase 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-briefcase-check"></i> mdi mdi-briefcase-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-briefcase-download"></i> mdi mdi-briefcase-download 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-briefcase-upload"></i> mdi mdi-briefcase-upload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-1"></i> mdi mdi-brightness-1 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-2"></i> mdi mdi-brightness-2 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-3"></i> mdi mdi-brightness-3 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-4"></i> mdi mdi-brightness-4 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-5"></i> mdi mdi-brightness-5 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-6"></i> mdi mdi-brightness-6 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-7"></i> mdi mdi-brightness-7 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brightness-auto"></i> mdi mdi-brightness-auto 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-broom"></i> mdi mdi-broom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-brush"></i> mdi mdi-brush 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-buffer"></i> mdi mdi-buffer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bug"></i> mdi mdi-bug 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bulletin-board"></i> mdi mdi-bulletin-board 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bullhorn"></i> mdi mdi-bullhorn 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bullseye"></i> mdi mdi-bullseye 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-burst-mode"></i> mdi mdi-burst-mode 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-bus"></i> mdi mdi-bus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cached"></i> mdi mdi-cached 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cake"></i> mdi mdi-cake 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cake-layered"></i> mdi mdi-cake-layered 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cake-variant"></i> mdi mdi-cake-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calculator"></i> mdi mdi-calculator 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar"></i> mdi mdi-calendar 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-blank"></i> mdi mdi-calendar-blank 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-check"></i> mdi mdi-calendar-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-clock"></i> mdi mdi-calendar-clock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-multiple"></i> mdi mdi-calendar-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-multiple-check"></i> mdi mdi-calendar-multiple-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-plus"></i> mdi mdi-calendar-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-remove"></i> mdi mdi-calendar-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-text"></i> mdi mdi-calendar-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-calendar-today"></i> mdi mdi-calendar-today 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-call-made"></i> mdi mdi-call-made 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-call-merge"></i> mdi mdi-call-merge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-call-missed"></i> mdi mdi-call-missed 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-call-received"></i> mdi mdi-call-received 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-call-split"></i> mdi mdi-call-split 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camcorder"></i> mdi mdi-camcorder 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camcorder-box"></i> mdi mdi-camcorder-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camcorder-box-off"></i> mdi mdi-camcorder-box-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camcorder-off"></i> mdi mdi-camcorder-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera"></i> mdi mdi-camera 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-enhance"></i> mdi mdi-camera-enhance 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-front"></i> mdi mdi-camera-front 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-front-variant"></i> mdi mdi-camera-front-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-iris"></i> mdi mdi-camera-iris 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-off"></i> mdi mdi-camera-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-party-mode"></i> mdi mdi-camera-party-mode 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-rear"></i> mdi mdi-camera-rear 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-rear-variant"></i> mdi mdi-camera-rear-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-switch"></i> mdi mdi-camera-switch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-camera-timer"></i> mdi mdi-camera-timer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-candle"></i> mdi mdi-candle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-candycane"></i> mdi mdi-candycane 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-car"></i> mdi mdi-car 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-car-battery"></i> mdi mdi-car-battery 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-car-connected"></i> mdi mdi-car-connected 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-car-wash"></i> mdi mdi-car-wash 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cards"></i> mdi mdi-cards 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cards-outline"></i> mdi mdi-cards-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cards-playing-outline"></i> mdi mdi-cards-playing-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-carrot"></i> mdi mdi-carrot 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cart"></i> mdi mdi-cart 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cart-off"></i> mdi mdi-cart-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cart-outline"></i> mdi mdi-cart-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cart-plus"></i> mdi mdi-cart-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-case-sensitive-alt"></i> mdi mdi-case-sensitive-alt 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cash"></i> mdi mdi-cash 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cash-100"></i> mdi mdi-cash-100 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cash-multiple"></i> mdi mdi-cash-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cash-usd"></i> mdi mdi-cash-usd 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cast"></i> mdi mdi-cast 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cast-connected"></i> mdi mdi-cast-connected 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-castle"></i> mdi mdi-castle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cat"></i> mdi mdi-cat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone"></i> mdi mdi-cellphone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-android"></i> mdi mdi-cellphone-android 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-basic"></i> mdi mdi-cellphone-basic 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-dock"></i> mdi mdi-cellphone-dock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-iphone"></i> mdi mdi-cellphone-iphone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-link"></i> mdi mdi-cellphone-link 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-link-off"></i> mdi mdi-cellphone-link-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cellphone-settings"></i> mdi mdi-cellphone-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-certificate"></i> mdi mdi-certificate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chair-school"></i> mdi mdi-chair-school 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-arc"></i> mdi mdi-chart-arc 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-areaspline"></i> mdi mdi-chart-areaspline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-bar"></i> mdi mdi-chart-bar 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-bubble"></i> mdi mdi-chart-bubble 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-gantt"></i> mdi mdi-chart-gantt 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-gantt"></i> mdi mdi-chart-gantt 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-histogram"></i> mdi mdi-chart-histogram 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-line"></i> mdi mdi-chart-line 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-pie"></i> mdi mdi-chart-pie 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chart-scatterplot-hexbin"></i> mdi mdi-chart-scatterplot-hexbin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-check"></i> mdi mdi-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-check-all"></i> mdi mdi-check-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-check-circle"></i> mdi mdi-check-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-check-circle-outline"></i> mdi mdi-check-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-blank"></i> mdi mdi-checkbox-blank 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-blank-circle"></i> mdi mdi-checkbox-blank-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-blank-circle-outline"></i> mdi mdi-checkbox-blank-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-blank-outline"></i> mdi mdi-checkbox-blank-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-marked"></i> mdi mdi-checkbox-marked 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-marked-circle"></i> mdi mdi-checkbox-marked-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-marked-circle-outline"></i> mdi mdi-checkbox-marked-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-marked-outline"></i> mdi mdi-checkbox-marked-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-blank"></i> mdi mdi-checkbox-multiple-blank 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-blank-circle"></i> mdi mdi-checkbox-multiple-blank-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-blank-circle-outline"></i> mdi mdi-checkbox-multiple-blank-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-blank-outline"></i> mdi mdi-checkbox-multiple-blank-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-marked"></i> mdi mdi-checkbox-multiple-marked 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-marked-circle"></i> mdi mdi-checkbox-multiple-marked-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-marked-circle-outline"></i> mdi mdi-checkbox-multiple-marked-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkbox-multiple-marked-outline"></i> mdi mdi-checkbox-multiple-marked-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-checkerboard"></i> mdi mdi-checkerboard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chemical-weapon"></i> mdi mdi-chemical-weapon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chemical-weapon"></i> mdi mdi-chemical-weapon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-double-down"></i> mdi mdi-chevron-double-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-double-left"></i> mdi mdi-chevron-double-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-double-right"></i> mdi mdi-chevron-double-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-double-up"></i> mdi mdi-chevron-double-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-down"></i> mdi mdi-chevron-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-left"></i> mdi mdi-chevron-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-right"></i> mdi mdi-chevron-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chevron-up"></i> mdi mdi-chevron-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-chip"></i> mdi mdi-chip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-church"></i> mdi mdi-church 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cisco-webex"></i> mdi mdi-cisco-webex 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-city"></i> mdi mdi-city 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard"></i> mdi mdi-clipboard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-account"></i> mdi mdi-clipboard-account 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-alert"></i> mdi mdi-clipboard-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-arrow-down"></i> mdi mdi-clipboard-arrow-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-arrow-left"></i> mdi mdi-clipboard-arrow-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-check"></i> mdi mdi-clipboard-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-outline"></i> mdi mdi-clipboard-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clipboard-text"></i> mdi mdi-clipboard-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clippy"></i> mdi mdi-clippy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock"></i> mdi mdi-clock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-alert"></i> mdi mdi-clock-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-end"></i> mdi mdi-clock-end 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-fast"></i> mdi mdi-clock-fast 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-in"></i> mdi mdi-clock-in 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-out"></i> mdi mdi-clock-out 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-clock-start"></i> mdi mdi-clock-start 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close"></i> mdi mdi-close 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-box"></i> mdi mdi-close-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-box-outline"></i> mdi mdi-close-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-circle"></i> mdi mdi-close-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-circle-outline"></i> mdi mdi-close-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-network"></i> mdi mdi-close-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-octagon"></i> mdi mdi-close-octagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-close-octagon-outline"></i> mdi mdi-close-octagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-closed-caption"></i> mdi mdi-closed-caption 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud"></i> mdi mdi-cloud 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-check"></i> mdi mdi-cloud-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-circle"></i> mdi mdi-cloud-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-download"></i> mdi mdi-cloud-download 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-outline"></i> mdi mdi-cloud-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-outline-off"></i> mdi mdi-cloud-outline-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-print"></i> mdi mdi-cloud-print 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-print-outline"></i> mdi mdi-cloud-print-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-sync"></i> mdi mdi-cloud-sync 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cloud-upload"></i> mdi mdi-cloud-upload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-array"></i> mdi mdi-code-array 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-braces"></i> mdi mdi-code-braces 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-brackets"></i> mdi mdi-code-brackets 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-equal"></i> mdi mdi-code-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-greater-than"></i> mdi mdi-code-greater-than 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-greater-than-or-equal"></i> mdi mdi-code-greater-than-or-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-less-than"></i> mdi mdi-code-less-than 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-less-than-or-equal"></i> mdi mdi-code-less-than-or-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-not-equal"></i> mdi mdi-code-not-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-not-equal-variant"></i> mdi mdi-code-not-equal-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-parentheses"></i> mdi mdi-code-parentheses 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-string"></i> mdi mdi-code-string 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-code-tags"></i> mdi mdi-code-tags 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-codepen"></i> mdi mdi-codepen 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-coffee"></i> mdi mdi-coffee 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-coffee-to-go"></i> mdi mdi-coffee-to-go 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-coin"></i> mdi mdi-coin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-collage"></i> mdi mdi-collage 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-color-helper"></i> mdi mdi-color-helper 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment"></i> mdi mdi-comment 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-account"></i> mdi mdi-comment-account 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-account-outline"></i> mdi mdi-comment-account-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-alert"></i> mdi mdi-comment-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-alert-outline"></i> mdi mdi-comment-alert-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-check"></i> mdi mdi-comment-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-check-outline"></i> mdi mdi-comment-check-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-multiple-outline"></i> mdi mdi-comment-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-outline"></i> mdi mdi-comment-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-plus-outline"></i> mdi mdi-comment-plus-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-processing"></i> mdi mdi-comment-processing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-processing-outline"></i> mdi mdi-comment-processing-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-question-outline"></i> mdi mdi-comment-question-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-remove-outline"></i> mdi mdi-comment-remove-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-text"></i> mdi mdi-comment-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-comment-text-outline"></i> mdi mdi-comment-text-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-compare"></i> mdi mdi-compare 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-compass"></i> mdi mdi-compass 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-compass-outline"></i> mdi mdi-compass-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-console"></i> mdi mdi-console 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-contact-mail"></i> mdi mdi-contact-mail 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-copy"></i> mdi mdi-content-copy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-cut"></i> mdi mdi-content-cut 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-duplicate"></i> mdi mdi-content-duplicate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-paste"></i> mdi mdi-content-paste 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-save"></i> mdi mdi-content-save 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-save-all"></i> mdi mdi-content-save-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-content-save-settings"></i> mdi mdi-content-save-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-contrast"></i> mdi mdi-contrast 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-contrast-box"></i> mdi mdi-contrast-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-contrast-circle"></i> mdi mdi-contrast-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cookie"></i> mdi mdi-cookie 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-copyright"></i> mdi mdi-copyright 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-counter"></i> mdi mdi-counter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cow"></i> mdi mdi-cow 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-credit-card"></i> mdi mdi-credit-card 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-credit-card-multiple"></i> mdi mdi-credit-card-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-credit-card-off"></i> mdi mdi-credit-card-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-credit-card-scan"></i> mdi mdi-credit-card-scan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crop"></i> mdi mdi-crop 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crop-free"></i> mdi mdi-crop-free 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crop-landscape"></i> mdi mdi-crop-landscape 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crop-portrait"></i> mdi mdi-crop-portrait 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crop-square"></i> mdi mdi-crop-square 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crosshairs"></i> mdi mdi-crosshairs 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crosshairs-gps"></i> mdi mdi-crosshairs-gps 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-crown"></i> mdi mdi-crown 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cube"></i> mdi mdi-cube 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cube-outline"></i> mdi mdi-cube-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cube-send"></i> mdi mdi-cube-send 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cube-unfolded"></i> mdi mdi-cube-unfolded 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cup"></i> mdi mdi-cup 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cup-off"></i> mdi mdi-cup-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cup-water"></i> mdi mdi-cup-water 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-btc"></i> mdi mdi-currency-btc 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-eur"></i> mdi mdi-currency-eur 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-gbp"></i> mdi mdi-currency-gbp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-inr"></i> mdi mdi-currency-inr 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-ngn"></i> mdi mdi-currency-ngn 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-rub"></i> mdi mdi-currency-rub 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-try"></i> mdi mdi-currency-try 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-currency-usd"></i> mdi mdi-currency-usd 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cursor-default"></i> mdi mdi-cursor-default 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cursor-default-outline"></i> mdi mdi-cursor-default-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cursor-move"></i> mdi mdi-cursor-move 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cursor-pointer"></i> mdi mdi-cursor-pointer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-cursor-text"></i> mdi mdi-cursor-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-database"></i> mdi mdi-database 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-database-minus"></i> mdi mdi-database-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-database-plus"></i> mdi mdi-database-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-debug-step-into"></i> mdi mdi-debug-step-into 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-debug-step-out"></i> mdi mdi-debug-step-out 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-debug-step-over"></i> mdi mdi-debug-step-over 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-decimal-decrease"></i> mdi mdi-decimal-decrease 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-delete"></i> mdi mdi-delete 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-delete-forever"></i> mdi mdi-delete-forever 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-delete-sweep"></i> mdi mdi-delete-sweep 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-delete-variant"></i> mdi mdi-delete-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-delta"></i> mdi mdi-delta 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-deskphone"></i> mdi mdi-deskphone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-desktop-mac"></i> mdi mdi-desktop-mac 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-desktop-tower"></i> mdi mdi-desktop-tower 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-details"></i> mdi mdi-details 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-deviantart"></i> mdi mdi-deviantart 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dialpad"></i> mdi mdi-dialpad 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-diamond"></i> mdi mdi-diamond 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-1"></i> mdi mdi-dice-1 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-2"></i> mdi mdi-dice-2 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-3"></i> mdi mdi-dice-3 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-4"></i> mdi mdi-dice-4 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-5"></i> mdi mdi-dice-5 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-6"></i> mdi mdi-dice-6 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-d20"></i> mdi mdi-dice-d20 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-d4"></i> mdi mdi-dice-d4 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-d6"></i> mdi mdi-dice-d6 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dice-d8"></i> mdi mdi-dice-d8 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dictionary"></i> mdi mdi-dictionary 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-directions"></i> mdi mdi-directions 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-directions-fork"></i> mdi mdi-directions-fork 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-discord"></i> mdi mdi-discord 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-disk"></i> mdi mdi-disk 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-disk-alert"></i> mdi mdi-disk-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-disqus"></i> mdi mdi-disqus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-disqus-outline"></i> mdi mdi-disqus-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-division"></i> mdi mdi-division 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-division-box"></i> mdi mdi-division-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dns"></i> mdi mdi-dns 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-domain"></i> mdi mdi-domain 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dots-horizontal"></i> mdi mdi-dots-horizontal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dots-vertical"></i> mdi mdi-dots-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-download"></i> mdi mdi-download 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drag"></i> mdi mdi-drag 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drag-horizontal"></i> mdi mdi-drag-horizontal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drag-vertical"></i> mdi mdi-drag-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drawing"></i> mdi mdi-drawing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drawing-box"></i> mdi mdi-drawing-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dribbble"></i> mdi mdi-dribbble 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dribbble-box"></i> mdi mdi-dribbble-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drone"></i> mdi mdi-drone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dropbox"></i> mdi mdi-dropbox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-drupal"></i> mdi mdi-drupal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-duck"></i> mdi mdi-duck 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-dumbbell"></i> mdi mdi-dumbbell 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-earth"></i> mdi mdi-earth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-earth-off"></i> mdi mdi-earth-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-edge"></i> mdi mdi-edge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eject"></i> mdi mdi-eject 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-elevation-decline"></i> mdi mdi-elevation-decline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-elevation-rise"></i> mdi mdi-elevation-rise 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-elevator"></i> mdi mdi-elevator 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email"></i> mdi mdi-email 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email-open"></i> mdi mdi-email-open 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email-open-outline"></i> mdi mdi-email-open-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email-outline"></i> mdi mdi-email-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email-secure"></i> mdi mdi-email-secure 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-email-variant"></i> mdi mdi-email-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon"></i> mdi mdi-emoticon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-cool"></i> mdi mdi-emoticon-cool 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-devil"></i> mdi mdi-emoticon-devil 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-happy"></i> mdi mdi-emoticon-happy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-neutral"></i> mdi mdi-emoticon-neutral 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-poop"></i> mdi mdi-emoticon-poop 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-sad"></i> mdi mdi-emoticon-sad 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-emoticon-tongue"></i> mdi mdi-emoticon-tongue 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-engine"></i> mdi mdi-engine 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-engine-outline"></i> mdi mdi-engine-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-equal"></i> mdi mdi-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-equal-box"></i> mdi mdi-equal-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eraser"></i> mdi mdi-eraser 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eraser-variant"></i> mdi mdi-eraser-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-escalator"></i> mdi mdi-escalator 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ethernet"></i> mdi mdi-ethernet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ethernet-cable"></i> mdi mdi-ethernet-cable 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ethernet-cable-off"></i> mdi mdi-ethernet-cable-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-etsy"></i> mdi mdi-etsy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ev-station"></i> mdi mdi-ev-station 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-evernote"></i> mdi mdi-evernote 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-exclamation"></i> mdi mdi-exclamation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-exit-to-app"></i> mdi mdi-exit-to-app 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-export"></i> mdi mdi-export 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eye"></i> mdi mdi-eye 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eye-off"></i> mdi mdi-eye-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eyedropper"></i> mdi mdi-eyedropper 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-eyedropper-variant"></i> mdi mdi-eyedropper-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-face"></i> mdi mdi-face 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-face-profile"></i> mdi mdi-face-profile 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-facebook"></i> mdi mdi-facebook 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-facebook-box"></i> mdi mdi-facebook-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-facebook-messenger"></i> mdi mdi-facebook-messenger 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-factory"></i> mdi mdi-factory 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fan"></i> mdi mdi-fan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fast-forward"></i> mdi mdi-fast-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fax"></i> mdi mdi-fax 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ferry"></i> mdi mdi-ferry 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file"></i> mdi mdi-file 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-chart"></i> mdi mdi-file-chart 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-check"></i> mdi mdi-file-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-cloud"></i> mdi mdi-file-cloud 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-delimited"></i> mdi mdi-file-delimited 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-document"></i> mdi mdi-file-document 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-document-box"></i> mdi mdi-file-document-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-excel"></i> mdi mdi-file-excel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-excel-box"></i> mdi mdi-file-excel-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-export"></i> mdi mdi-file-export 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-find"></i> mdi mdi-file-find 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-hidden"></i> mdi mdi-file-hidden 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-image"></i> mdi mdi-file-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-import"></i> mdi mdi-file-import 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-lock"></i> mdi mdi-file-lock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-multiple"></i> mdi mdi-file-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-music"></i> mdi mdi-file-music 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-outline"></i> mdi mdi-file-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-pdf"></i> mdi mdi-file-pdf 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-pdf-box"></i> mdi mdi-file-pdf-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-powerpoint"></i> mdi mdi-file-powerpoint 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-powerpoint-box"></i> mdi mdi-file-powerpoint-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-restore"></i> mdi mdi-file-restore 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-send"></i> mdi mdi-file-send 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-tree"></i> mdi mdi-file-tree 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-video"></i> mdi mdi-file-video 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-word"></i> mdi mdi-file-word 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-word-box"></i> mdi mdi-file-word-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-file-xml"></i> mdi mdi-file-xml 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-film"></i> mdi mdi-film 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filmstrip"></i> mdi mdi-filmstrip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filmstrip-off"></i> mdi mdi-filmstrip-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filter"></i> mdi mdi-filter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filter-outline"></i> mdi mdi-filter-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filter-remove"></i> mdi mdi-filter-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filter-remove-outline"></i> mdi mdi-filter-remove-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-filter-variant"></i> mdi mdi-filter-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fingerprint"></i> mdi mdi-fingerprint 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fire"></i> mdi mdi-fire 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-firefox"></i> mdi mdi-firefox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fish"></i> mdi mdi-fish 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag"></i> mdi mdi-flag 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag-checkered"></i> mdi mdi-flag-checkered 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag-outline"></i> mdi mdi-flag-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag-outline-variant"></i> mdi mdi-flag-outline-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag-triangle"></i> mdi mdi-flag-triangle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flag-variant"></i> mdi mdi-flag-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flash"></i> mdi mdi-flash 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flash-auto"></i> mdi mdi-flash-auto 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flash-off"></i> mdi mdi-flash-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flashlight"></i> mdi mdi-flashlight 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flashlight-off"></i> mdi mdi-flashlight-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask"></i> mdi mdi-flask 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-empty"></i> mdi mdi-flask-empty 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-empty-outline"></i> mdi mdi-flask-empty-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-outline"></i> mdi mdi-flask-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flattr"></i> mdi mdi-flattr 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-empty"></i> mdi mdi-flask-empty 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-empty-outline"></i> mdi mdi-flask-empty-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flask-outline"></i> mdi mdi-flask-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flattr"></i> mdi mdi-flattr 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flip-to-back"></i> mdi mdi-flip-to-back 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flip-to-front"></i> mdi mdi-flip-to-front 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-floppy"></i> mdi mdi-floppy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-flower"></i> mdi mdi-flower 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder"></i> mdi mdi-folder 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-account"></i> mdi mdi-folder-account 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-download"></i> mdi mdi-folder-download 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-google-drive"></i> mdi mdi-folder-google-drive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-image"></i> mdi mdi-folder-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-lock"></i> mdi mdi-folder-lock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-lock-open"></i> mdi mdi-folder-lock-open 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-move"></i> mdi mdi-folder-move 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-multiple"></i> mdi mdi-folder-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-multiple-image"></i> mdi mdi-folder-multiple-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-multiple-outline"></i> mdi mdi-folder-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-outline"></i> mdi mdi-folder-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-plus"></i> mdi mdi-folder-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-remove"></i> mdi mdi-folder-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-folder-upload"></i> mdi mdi-folder-upload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-food"></i> mdi mdi-food 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-food-apple"></i> mdi mdi-food-apple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-food-fork-drink"></i> mdi mdi-food-fork-drink 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-food-off"></i> mdi mdi-food-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-food-variant"></i> mdi mdi-food-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-football"></i> mdi mdi-football 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-football-australian"></i> mdi mdi-football-australian 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-football-helmet"></i> mdi mdi-football-helmet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-align-center"></i> mdi mdi-format-align-center 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-align-justify"></i> mdi mdi-format-align-justify 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-align-left"></i> mdi mdi-format-align-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-align-right"></i> mdi mdi-format-align-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-annotation-plus"></i> mdi mdi-format-annotation-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-bold"></i> mdi mdi-format-bold 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-clear"></i> mdi mdi-format-clear 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-color-fill"></i> mdi mdi-format-color-fill 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-float-center"></i> mdi mdi-format-float-center 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-float-left"></i> mdi mdi-format-float-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-float-none"></i> mdi mdi-format-float-none 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-float-right"></i> mdi mdi-format-float-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-1"></i> mdi mdi-format-header-1 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-2"></i> mdi mdi-format-header-2 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-3"></i> mdi mdi-format-header-3 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-4"></i> mdi mdi-format-header-4 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-5"></i> mdi mdi-format-header-5 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-6"></i> mdi mdi-format-header-6 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-decrease"></i> mdi mdi-format-header-decrease 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-equal"></i> mdi mdi-format-header-equal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-increase"></i> mdi mdi-format-header-increase 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-header-pound"></i> mdi mdi-format-header-pound 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-horizontal-align-center"></i> mdi mdi-format-horizontal-align-center 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-horizontal-align-left"></i> mdi mdi-format-horizontal-align-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-horizontal-align-right"></i> mdi mdi-format-horizontal-align-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-indent-decrease"></i> mdi mdi-format-indent-decrease 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-indent-increase"></i> mdi mdi-format-indent-increase 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-italic"></i> mdi mdi-format-italic 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-line-spacing"></i> mdi mdi-format-line-spacing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-line-style"></i> mdi mdi-format-line-style 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-line-weight"></i> mdi mdi-format-line-weight 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-list-bulleted"></i> mdi mdi-format-list-bulleted 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-list-bulleted-type"></i> mdi mdi-format-list-bulleted-type 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-list-numbers"></i> mdi mdi-format-list-numbers 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-paint"></i> mdi mdi-format-paint 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-paragraph"></i> mdi mdi-format-paragraph 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-quote"></i> mdi mdi-format-quote 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-size"></i> mdi mdi-format-size 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-strikethrough"></i> mdi mdi-format-strikethrough 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-strikethrough-variant"></i> mdi mdi-format-strikethrough-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-subscript"></i> mdi mdi-format-subscript 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-superscript"></i> mdi mdi-format-superscript 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-text"></i> mdi mdi-format-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-textdirection-l-to-r"></i> mdi mdi-format-textdirection-l-to-r 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-textdirection-r-to-l"></i> mdi mdi-format-textdirection-r-to-l 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-title"></i> mdi mdi-format-title 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-underline"></i> mdi mdi-format-underline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-vertical-align-bottom"></i> mdi mdi-format-vertical-align-bottom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-vertical-align-center"></i> mdi mdi-format-vertical-align-center 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-vertical-align-top"></i> mdi mdi-format-vertical-align-top 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-wrap-inline"></i> mdi mdi-format-wrap-inline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-wrap-square"></i> mdi mdi-format-wrap-square 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-wrap-tight"></i> mdi mdi-format-wrap-tight 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-format-wrap-top-bottom"></i> mdi mdi-format-wrap-top-bottom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-forum"></i> mdi mdi-forum 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-forward"></i> mdi mdi-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-foursquare"></i> mdi mdi-foursquare 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fridge"></i> mdi mdi-fridge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fridge-filled"></i> mdi mdi-fridge-filled 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fridge-filled-bottom"></i> mdi mdi-fridge-filled-bottom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fridge-filled-top"></i> mdi mdi-fridge-filled-top 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fullscreen"></i> mdi mdi-fullscreen 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-fullscreen-exit"></i> mdi mdi-fullscreen-exit 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-function"></i> mdi mdi-function 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gamepad"></i> mdi mdi-gamepad 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gamepad-variant"></i> mdi mdi-gamepad-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gas-cylinder"></i> mdi mdi-gas-cylinder 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gas-station"></i> mdi mdi-gas-station 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gate"></i> mdi mdi-gate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gauge"></i> mdi mdi-gauge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gavel"></i> mdi mdi-gavel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gender-female"></i> mdi mdi-gender-female 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gender-male"></i> mdi mdi-gender-male 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gender-male-female"></i> mdi mdi-gender-male-female 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gender-transgender"></i> mdi mdi-gender-transgender 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ghost"></i> mdi mdi-ghost 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gift"></i> mdi mdi-gift 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-git"></i> mdi mdi-git 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-github-box"></i> mdi mdi-github-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-github-circle"></i> mdi mdi-github-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glass-flute"></i> mdi mdi-glass-flute 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glass-mug"></i> mdi mdi-glass-mug 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glass-stange"></i> mdi mdi-glass-stange 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glass-tulip"></i> mdi mdi-glass-tulip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glassdoor"></i> mdi mdi-glassdoor 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-glasses"></i> mdi mdi-glasses 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gmail"></i> mdi mdi-gmail 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-gnome"></i> mdi mdi-gnome 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google"></i> mdi mdi-google 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-cardboard"></i> mdi mdi-google-cardboard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-chrome"></i> mdi mdi-google-chrome 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-circles"></i> mdi mdi-google-circles 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-circles-communities"></i> mdi mdi-google-circles-communities 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-circles-extended"></i> mdi mdi-google-circles-extended 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-circles-group"></i> mdi mdi-google-circles-group 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-controller"></i> mdi mdi-google-controller 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-controller-off"></i> mdi mdi-google-controller-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-drive"></i> mdi mdi-google-drive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-earth"></i> mdi mdi-google-earth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-glass"></i> mdi mdi-google-glass 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-maps"></i> mdi mdi-google-maps 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-nearby"></i> mdi mdi-google-nearby 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-pages"></i> mdi mdi-google-pages 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-physical-web"></i> mdi mdi-google-physical-web 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-play"></i> mdi mdi-google-play 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-plus"></i> mdi mdi-google-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-plus-box"></i> mdi mdi-google-plus-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-translate"></i> mdi mdi-google-translate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-google-wallet"></i> mdi mdi-google-wallet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-grease-pencil"></i> mdi mdi-grease-pencil 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-grid"></i> mdi mdi-grid 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-grid-off"></i> mdi mdi-grid-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-group"></i> mdi mdi-group 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-grid-off"></i> mdi mdi-grid-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-group"></i> mdi mdi-group 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-guitar-electric"></i> mdi mdi-guitar-electric 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-guitar-pick"></i> mdi mdi-guitar-pick 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-guitar-pick-outline"></i> mdi mdi-guitar-pick-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-guitar-pick-outline"></i> mdi mdi-guitar-pick-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hackernews"></i> mdi mdi-hackernews 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hand-pointing-right"></i> mdi mdi-hand-pointing-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hanger"></i> mdi mdi-hanger 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hangouts"></i> mdi mdi-hangouts 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-harddisk"></i> mdi mdi-harddisk 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headphones"></i> mdi mdi-headphones 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headphones-box"></i> mdi mdi-headphones-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headphones-settings"></i> mdi mdi-headphones-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headset"></i> mdi mdi-headset 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headset-dock"></i> mdi mdi-headset-dock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-headset-off"></i> mdi mdi-headset-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart"></i> mdi mdi-heart 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart-box"></i> mdi mdi-heart-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart-box-outline"></i> mdi mdi-heart-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart-broken"></i> mdi mdi-heart-broken 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart-outline"></i> mdi mdi-heart-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-heart-pulse"></i> mdi mdi-heart-pulse 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-help"></i> mdi mdi-help 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-help-circle"></i> mdi mdi-help-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-help-circle-outline"></i> mdi mdi-help-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hexagon"></i> mdi mdi-hexagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hexagon-outline"></i> mdi mdi-hexagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-highway"></i> mdi mdi-highway 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-history"></i> mdi mdi-history 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hololens"></i> mdi mdi-hololens 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-home"></i> mdi mdi-home 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-home-map-marker"></i> mdi mdi-home-map-marker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-home-modern"></i> mdi mdi-home-modern 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-home-variant"></i> mdi mdi-home-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hops"></i> mdi mdi-hops 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hospital"></i> mdi mdi-hospital 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hospital-building"></i> mdi mdi-hospital-building 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hospital-marker"></i> mdi mdi-hospital-marker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-hotel"></i> mdi mdi-hotel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-houzz"></i> mdi mdi-houzz 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-houzz-box"></i> mdi mdi-houzz-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human"></i> mdi mdi-human 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-child"></i> mdi mdi-human-child 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-female"></i> mdi mdi-human-female 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-greeting"></i> mdi mdi-human-greeting 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-handsdown"></i> mdi mdi-human-handsdown 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-handsup"></i> mdi mdi-human-handsup 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-male"></i> mdi mdi-human-male 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-male-female"></i> mdi mdi-human-male-female 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-human-pregnant"></i> mdi mdi-human-pregnant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image"></i> mdi mdi-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-album"></i> mdi mdi-image-album 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-area"></i> mdi mdi-image-area 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-area-close"></i> mdi mdi-image-area-close 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-broken"></i> mdi mdi-image-broken 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-broken-variant"></i> mdi mdi-image-broken-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter"></i> mdi mdi-image-filter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-black-white"></i> mdi mdi-image-filter-black-white 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-center-focus"></i> mdi mdi-image-filter-center-focus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-center-focus-weak"></i> mdi mdi-image-filter-center-focus-weak 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-drama"></i> mdi mdi-image-filter-drama 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-frames"></i> mdi mdi-image-filter-frames 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-hdr"></i> mdi mdi-image-filter-hdr 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-none"></i> mdi mdi-image-filter-none 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-tilt-shift"></i> mdi mdi-image-filter-tilt-shift 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-filter-vintage"></i> mdi mdi-image-filter-vintage 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-image-multiple"></i> mdi mdi-image-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-import"></i> mdi mdi-import 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-inbox"></i> mdi mdi-inbox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-incognito"></i> mdi mdi-incognito 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-information"></i> mdi mdi-information 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-information-outline"></i> mdi mdi-information-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-information-variant"></i> mdi mdi-information-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-instagram"></i> mdi mdi-instagram 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-instapaper"></i> mdi mdi-instapaper 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-internet-explorer"></i> mdi mdi-internet-explorer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-invert-colors"></i> mdi mdi-invert-colors 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-jeepney"></i> mdi mdi-jeepney 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-jira"></i> mdi mdi-jira 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-jsfiddle"></i> mdi mdi-jsfiddle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-json"></i> mdi mdi-json 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keg"></i> mdi mdi-keg 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-kettle"></i> mdi mdi-kettle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key"></i> mdi mdi-key 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key-change"></i> mdi mdi-key-change 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key-minus"></i> mdi mdi-key-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key-plus"></i> mdi mdi-key-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key-remove"></i> mdi mdi-key-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-key-variant"></i> mdi mdi-key-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard"></i> mdi mdi-keyboard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-backspace"></i> mdi mdi-keyboard-backspace 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-caps"></i> mdi mdi-keyboard-caps 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-close"></i> mdi mdi-keyboard-close 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-off"></i> mdi mdi-keyboard-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-return"></i> mdi mdi-keyboard-return 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-tab"></i> mdi mdi-keyboard-tab 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-keyboard-variant"></i> mdi mdi-keyboard-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-kodi"></i> mdi mdi-kodi 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-label"></i> mdi mdi-label 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-label-outline"></i> mdi mdi-label-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lambda"></i> mdi mdi-lambda 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lan"></i> mdi mdi-lan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lan-connect"></i> mdi mdi-lan-connect 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lan-disconnect"></i> mdi mdi-lan-disconnect 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lan-pending"></i> mdi mdi-lan-pending 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-c"></i> mdi mdi-language-c 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-cpp"></i> mdi mdi-language-cpp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-csharp"></i> mdi mdi-language-csharp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-css3"></i> mdi mdi-language-css3 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-html5"></i> mdi mdi-language-html5 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-javascript"></i> mdi mdi-language-javascript 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-php"></i> mdi mdi-language-php 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-python"></i> mdi mdi-language-python 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-language-python-text"></i> mdi mdi-language-python-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-laptop"></i> mdi mdi-laptop 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-laptop-chromebook"></i> mdi mdi-laptop-chromebook 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-laptop-mac"></i> mdi mdi-laptop-mac 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-laptop-windows"></i> mdi mdi-laptop-windows 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lastfm"></i> mdi mdi-lastfm 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-launch"></i> mdi mdi-launch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-layers"></i> mdi mdi-layers 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-layers-off"></i> mdi mdi-layers-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lead-pencil"></i> mdi mdi-lead-pencil 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-leaf"></i> mdi mdi-leaf 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-off"></i> mdi mdi-led-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-on"></i> mdi mdi-led-on 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-outline"></i> mdi mdi-led-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-variant-off"></i> mdi mdi-led-variant-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-variant-on"></i> mdi mdi-led-variant-on 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-led-variant-outline"></i> mdi mdi-led-variant-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-library"></i> mdi mdi-library 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-library-books"></i> mdi mdi-library-books 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-library-music"></i> mdi mdi-library-music 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-library-plus"></i> mdi mdi-library-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lightbulb"></i> mdi mdi-lightbulb 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lightbulb-outline"></i> mdi mdi-lightbulb-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-link"></i> mdi mdi-link 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-link-off"></i> mdi mdi-link-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-link-variant"></i> mdi mdi-link-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-link-variant-off"></i> mdi mdi-link-variant-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-linkedin"></i> mdi mdi-linkedin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-linkedin-box"></i> mdi mdi-linkedin-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-linux"></i> mdi mdi-linux 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lock"></i> mdi mdi-lock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lock-open"></i> mdi mdi-lock-open 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lock-open-outline"></i> mdi mdi-lock-open-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lock-outline"></i> mdi mdi-lock-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lock-plus"></i> mdi mdi-lock-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-login"></i> mdi mdi-login 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-login-variant"></i> mdi mdi-login-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-logout"></i> mdi mdi-logout 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-logout-variant"></i> mdi mdi-logout-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-looks"></i> mdi mdi-looks 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-loupe"></i> mdi mdi-loupe 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-lumx"></i> mdi mdi-lumx 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-magnet"></i> mdi mdi-magnet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-magnet-on"></i> mdi mdi-magnet-on 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-magnify"></i> mdi mdi-magnify 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-magnify-minus"></i> mdi mdi-magnify-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-magnify-plus"></i> mdi mdi-magnify-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mail-ru"></i> mdi mdi-mail-ru 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map"></i> mdi mdi-map 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker"></i> mdi mdi-map-marker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-circle"></i> mdi mdi-map-marker-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-minus"></i> mdi mdi-map-marker-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-multiple"></i> mdi mdi-map-marker-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-off"></i> mdi mdi-map-marker-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-plus"></i> mdi mdi-map-marker-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-map-marker-radius"></i> mdi mdi-map-marker-radius 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-margin"></i> mdi mdi-margin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-markdown"></i> mdi mdi-markdown 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-marker"></i> mdi mdi-marker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-marker-check"></i> mdi mdi-marker-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-martini"></i> mdi mdi-martini 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-material-ui"></i> mdi mdi-material-ui 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-math-compass"></i> mdi mdi-math-compass 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-matrix"></i> mdi mdi-matrix 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-maxcdn"></i> mdi mdi-maxcdn 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-medium"></i> mdi mdi-medium 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-memory"></i> mdi mdi-memory 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-menu"></i> mdi mdi-menu 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-menu-down"></i> mdi mdi-menu-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-menu-left"></i> mdi mdi-menu-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-menu-right"></i> mdi mdi-menu-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-menu-up"></i> mdi mdi-menu-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message"></i> mdi mdi-message 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-alert"></i> mdi mdi-message-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-draw"></i> mdi mdi-message-draw 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-image"></i> mdi mdi-message-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-outline"></i> mdi mdi-message-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-plus"></i> mdi mdi-message-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-processing"></i> mdi mdi-message-processing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-reply"></i> mdi mdi-message-reply 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-reply-text"></i> mdi mdi-message-reply-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-text"></i> mdi mdi-message-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-text-outline"></i> mdi mdi-message-text-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-message-video"></i> mdi mdi-message-video 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-meteor"></i> mdi mdi-meteor 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone"></i> mdi mdi-microphone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone-off"></i> mdi mdi-microphone-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone-outline"></i> mdi mdi-microphone-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone-settings"></i> mdi mdi-microphone-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone-variant"></i> mdi mdi-microphone-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microphone-variant-off"></i> mdi mdi-microphone-variant-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microscope"></i> mdi mdi-microscope 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-microsoft"></i> mdi mdi-microsoft 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minecraft"></i> mdi mdi-minecraft 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minus"></i> mdi mdi-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minus-box"></i> mdi mdi-minus-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minus-circle"></i> mdi mdi-minus-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minus-circle-outline"></i> mdi mdi-minus-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-minus-network"></i> mdi mdi-minus-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mixcloud"></i> mdi mdi-mixcloud 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-monitor"></i> mdi mdi-monitor 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-monitor-multiple"></i> mdi mdi-monitor-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-more"></i> mdi mdi-more 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-motorbike"></i> mdi mdi-motorbike 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mouse"></i> mdi mdi-mouse 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mouse-off"></i> mdi mdi-mouse-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mouse-variant"></i> mdi mdi-mouse-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-mouse-variant-off"></i> mdi mdi-mouse-variant-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-move-resize"></i> mdi mdi-move-resize 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-move-resize-variant"></i> mdi mdi-move-resize-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-movie"></i> mdi mdi-movie 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-multiplication"></i> mdi mdi-multiplication 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-multiplication-box"></i> mdi mdi-multiplication-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-box"></i> mdi mdi-music-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-box-outline"></i> mdi mdi-music-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-circle"></i> mdi mdi-music-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note"></i> mdi mdi-music-note 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-bluetooth"></i> mdi mdi-music-note-bluetooth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-bluetooth-off"></i> mdi mdi-music-note-bluetooth-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-eighth"></i> mdi mdi-music-note-eighth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-half"></i> mdi mdi-music-note-half 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-off"></i> mdi mdi-music-note-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-quarter"></i> mdi mdi-music-note-quarter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-sixteenth"></i> mdi mdi-music-note-sixteenth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-music-note-whole"></i> mdi mdi-music-note-whole 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nature"></i> mdi mdi-nature 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nature-people"></i> mdi mdi-nature-people 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-navigation"></i> mdi mdi-navigation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-near-me"></i> mdi mdi-near-me 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-needle"></i> mdi mdi-needle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nest-protect"></i> mdi mdi-nest-protect 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nest-thermostat"></i> mdi mdi-nest-thermostat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-new-box"></i> mdi mdi-new-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-newspaper"></i> mdi mdi-newspaper 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nfc"></i> mdi mdi-nfc 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nfc-tap"></i> mdi mdi-nfc-tap 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nfc-variant"></i> mdi mdi-nfc-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nodejs"></i> mdi mdi-nodejs 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-note"></i> mdi mdi-note 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-note-outline"></i> mdi mdi-note-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-note-plus"></i> mdi mdi-note-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-note-plus-outline"></i> mdi mdi-note-plus-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-note-text"></i> mdi mdi-note-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-notification-clear-all"></i> mdi mdi-notification-clear-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric"></i> mdi mdi-numeric 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-0-box"></i> mdi mdi-numeric-0-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-0-box-multiple-outline"></i> mdi mdi-numeric-0-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-0-box-outline"></i> mdi mdi-numeric-0-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-1-box"></i> mdi mdi-numeric-1-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-1-box-multiple-outline"></i> mdi mdi-numeric-1-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-1-box-outline"></i> mdi mdi-numeric-1-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-2-box"></i> mdi mdi-numeric-2-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-2-box-multiple-outline"></i> mdi mdi-numeric-2-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-2-box-outline"></i> mdi mdi-numeric-2-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-3-box"></i> mdi mdi-numeric-3-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-3-box-multiple-outline"></i> mdi mdi-numeric-3-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-3-box-outline"></i> mdi mdi-numeric-3-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-4-box"></i> mdi mdi-numeric-4-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-4-box-multiple-outline"></i> mdi mdi-numeric-4-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-4-box-outline"></i> mdi mdi-numeric-4-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-5-box"></i> mdi mdi-numeric-5-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-5-box-multiple-outline"></i> mdi mdi-numeric-5-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-5-box-outline"></i> mdi mdi-numeric-5-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-6-box"></i> mdi mdi-numeric-6-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-6-box-multiple-outline"></i> mdi mdi-numeric-6-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-6-box-outline"></i> mdi mdi-numeric-6-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-7-box"></i> mdi mdi-numeric-7-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-7-box-multiple-outline"></i> mdi mdi-numeric-7-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-7-box-outline"></i> mdi mdi-numeric-7-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-8-box"></i> mdi mdi-numeric-8-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-8-box-multiple-outline"></i> mdi mdi-numeric-8-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-8-box-outline"></i> mdi mdi-numeric-8-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-box"></i> mdi mdi-numeric-9-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-box-multiple-outline"></i> mdi mdi-numeric-9-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-box-outline"></i> mdi mdi-numeric-9-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-plus-box"></i> mdi mdi-numeric-9-plus-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-plus-box-multiple-outline"></i> mdi mdi-numeric-9-plus-box-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-numeric-9-plus-box-outline"></i> mdi mdi-numeric-9-plus-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-nutrition"></i> mdi mdi-nutrition 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-octagon"></i> mdi mdi-octagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-octagon-outline"></i> mdi mdi-octagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-odnoklassniki"></i> mdi mdi-odnoklassniki 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-office"></i> mdi mdi-office 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-oil"></i> mdi mdi-oil 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-oil-temperature"></i> mdi mdi-oil-temperature 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-omega"></i> mdi mdi-omega 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-onedrive"></i> mdi mdi-onedrive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-opacity"></i> mdi mdi-opacity 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-open-in-app"></i> mdi mdi-open-in-app 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-open-in-new"></i> mdi mdi-open-in-new 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-openid"></i> mdi mdi-openid 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-opera"></i> mdi mdi-opera 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ornament"></i> mdi mdi-ornament 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ornament-variant"></i> mdi mdi-ornament-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-outbox"></i> mdi mdi-outbox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-owl"></i> mdi mdi-owl 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-package"></i> mdi mdi-package 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-package-down"></i> mdi mdi-package-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-package-up"></i> mdi mdi-package-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-package-variant"></i> mdi mdi-package-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-package-variant-closed"></i> mdi mdi-package-variant-closed 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-page-first"></i> mdi mdi-page-first 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-page-last"></i> mdi mdi-page-last 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-palette"></i> mdi mdi-palette 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-palette-advanced"></i> mdi mdi-palette-advanced 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panda"></i> mdi mdi-panda 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pandora"></i> mdi mdi-pandora 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panorama"></i> mdi mdi-panorama 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panorama-fisheye"></i> mdi mdi-panorama-fisheye 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panorama-horizontal"></i> mdi mdi-panorama-horizontal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panorama-vertical"></i> mdi mdi-panorama-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-panorama-wide-angle"></i> mdi mdi-panorama-wide-angle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-paper-cut-vertical"></i> mdi mdi-paper-cut-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-paperclip"></i> mdi mdi-paperclip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-parking"></i> mdi mdi-parking 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pause"></i> mdi mdi-pause 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pause-circle"></i> mdi mdi-pause-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pause-circle-outline"></i> mdi mdi-pause-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pause-octagon"></i> mdi mdi-pause-octagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pause-octagon-outline"></i> mdi mdi-pause-octagon-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-paw"></i> mdi mdi-paw 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-paw-off"></i> mdi mdi-paw-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pen"></i> mdi mdi-pen 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pencil"></i> mdi mdi-pencil 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pencil-box"></i> mdi mdi-pencil-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pencil-box-outline"></i> mdi mdi-pencil-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pencil-lock"></i> mdi mdi-pencil-lock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pencil-off"></i> mdi mdi-pencil-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-percent"></i> mdi mdi-percent 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pharmacy"></i> mdi mdi-pharmacy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone"></i> mdi mdi-phone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-bluetooth"></i> mdi mdi-phone-bluetooth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-classic"></i> mdi mdi-phone-classic 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-forward"></i> mdi mdi-phone-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-hangup"></i> mdi mdi-phone-hangup 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-in-talk"></i> mdi mdi-phone-in-talk 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-incoming"></i> mdi mdi-phone-incoming 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-locked"></i> mdi mdi-phone-locked 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-log"></i> mdi mdi-phone-log 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-minus"></i> mdi mdi-phone-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-missed"></i> mdi mdi-phone-missed 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-outgoing"></i> mdi mdi-phone-outgoing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-paused"></i> mdi mdi-phone-paused 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-plus"></i> mdi mdi-phone-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-settings"></i> mdi mdi-phone-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-phone-voip"></i> mdi mdi-phone-voip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pi"></i> mdi mdi-pi 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pi-box"></i> mdi mdi-pi-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pig"></i> mdi mdi-pig 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pill"></i> mdi mdi-pill 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pin"></i> mdi mdi-pin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pin-off"></i> mdi mdi-pin-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pine-tree"></i> mdi mdi-pine-tree 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pine-tree-box"></i> mdi mdi-pine-tree-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pinterest"></i> mdi mdi-pinterest 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pinterest-box"></i> mdi mdi-pinterest-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pizza"></i> mdi mdi-pizza 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play"></i> mdi mdi-play 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play-box-outline"></i> mdi mdi-play-box-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play-circle"></i> mdi mdi-play-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play-circle-outline"></i> mdi mdi-play-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play-pause"></i> mdi mdi-play-pause 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-play-protected-content"></i> mdi mdi-play-protected-content 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playlist-check"></i> mdi mdi-playlist-check 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playlist-minus"></i> mdi mdi-playlist-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playlist-play"></i> mdi mdi-playlist-play 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playlist-plus"></i> mdi mdi-playlist-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playlist-remove"></i> mdi mdi-playlist-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-playstation"></i> mdi mdi-playstation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus"></i> mdi mdi-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-box"></i> mdi mdi-plus-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-circle"></i> mdi mdi-plus-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-circle-multiple-outline"></i> mdi mdi-plus-circle-multiple-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-circle-outline"></i> mdi mdi-plus-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-network"></i> mdi mdi-plus-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-plus-one"></i> mdi mdi-plus-one 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pocket"></i> mdi mdi-pocket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pokeball"></i> mdi mdi-pokeball 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-polaroid"></i> mdi mdi-polaroid 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-poll"></i> mdi mdi-poll 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-poll-box"></i> mdi mdi-poll-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-polymer"></i> mdi mdi-polymer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pool"></i> mdi mdi-pool 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-popcorn"></i> mdi mdi-popcorn 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pot"></i> mdi mdi-pot 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pot-mix"></i> mdi mdi-pot-mix 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pound"></i> mdi mdi-pound 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pound-box"></i> mdi mdi-pound-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-power"></i> mdi mdi-power 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-power-settings"></i> mdi mdi-power-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-power-socket"></i> mdi mdi-power-socket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-presentation"></i> mdi mdi-presentation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-presentation-play"></i> mdi mdi-presentation-play 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-printer"></i> mdi mdi-printer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-printer-3d"></i> mdi mdi-printer-3d 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-printer-alert"></i> mdi mdi-printer-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-priority-high"></i> mdi mdi-priority-high 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-priority-low"></i> mdi mdi-priority-low 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-professional-hexagon"></i> mdi mdi-professional-hexagon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-projector"></i> mdi mdi-projector 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-projector-screen"></i> mdi mdi-projector-screen 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-pulse"></i> mdi mdi-pulse 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-puzzle"></i> mdi mdi-puzzle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-qqchat"></i> mdi mdi-qqchat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-qrcode"></i> mdi mdi-qrcode 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-qrcode-scan"></i> mdi mdi-qrcode-scan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-quadcopter"></i> mdi mdi-quadcopter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-quality-high"></i> mdi mdi-quality-high 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-quicktime"></i> mdi mdi-quicktime 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radar"></i> mdi mdi-radar 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radiator"></i> mdi mdi-radiator 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radio"></i> mdi mdi-radio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radio-handheld"></i> mdi mdi-radio-handheld 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radio-tower"></i> mdi mdi-radio-tower 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radioactive"></i> mdi mdi-radioactive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radiobox-blank"></i> mdi mdi-radiobox-blank 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-radiobox-marked"></i> mdi mdi-radiobox-marked 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-raspberrypi"></i> mdi mdi-raspberrypi 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ray-end"></i> mdi mdi-ray-end 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ray-end-arrow"></i> mdi mdi-ray-end-arrow 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ray-start-end"></i> mdi mdi-ray-start-end 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ray-vertex"></i> mdi mdi-ray-vertex 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rdio"></i> mdi mdi-rdio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-read"></i> mdi mdi-read 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-readability"></i> mdi mdi-readability 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-receipt"></i> mdi mdi-receipt 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-record"></i> mdi mdi-record 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-record-rec"></i> mdi mdi-record-rec 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-recycle"></i> mdi mdi-recycle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-reddit"></i> mdi mdi-reddit 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-redo"></i> mdi mdi-redo 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-redo-variant"></i> mdi mdi-redo-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-refresh"></i> mdi mdi-refresh 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-regex"></i> mdi mdi-regex 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-relative-scale"></i> mdi mdi-relative-scale 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-reload"></i> mdi mdi-reload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-remote"></i> mdi mdi-remote 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rename-box"></i> mdi mdi-rename-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-repeat"></i> mdi mdi-repeat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-repeat-off"></i> mdi mdi-repeat-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-repeat-once"></i> mdi mdi-repeat-once 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-replay"></i> mdi mdi-replay 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-reply"></i> mdi mdi-reply 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-reply-all"></i> mdi mdi-reply-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-reproduction"></i> mdi mdi-reproduction 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-resize-bottom-right"></i> mdi mdi-resize-bottom-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-responsive"></i> mdi mdi-responsive 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rewind"></i> mdi mdi-rewind 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ribbon"></i> mdi mdi-ribbon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-road"></i> mdi mdi-road 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-road-variant"></i> mdi mdi-road-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rocket"></i> mdi mdi-rocket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rotate-3d"></i> mdi mdi-rotate-3d 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rotate-left"></i> mdi mdi-rotate-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rotate-left-variant"></i> mdi mdi-rotate-left-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rotate-right"></i> mdi mdi-rotate-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rotate-right-variant"></i> mdi mdi-rotate-right-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rounded-corner"></i> mdi mdi-rounded-corner 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-router-wireless"></i> mdi mdi-router-wireless 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-routes"></i> mdi mdi-routes 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rowing"></i> mdi mdi-rowing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rss"></i> mdi mdi-rss 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-rss-box"></i> mdi mdi-rss-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ruler"></i> mdi mdi-ruler 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-run"></i> mdi mdi-run 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sale"></i> mdi mdi-sale 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-satellite"></i> mdi mdi-satellite 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-satellite-variant"></i> mdi mdi-satellite-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-saxophone"></i> mdi mdi-saxophone 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-scale"></i> mdi mdi-scale 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-scale-balance"></i> mdi mdi-scale-balance 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-scale-bathroom"></i> mdi mdi-scale-bathroom 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-school"></i> mdi mdi-school 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-screen-rotation"></i> mdi mdi-screen-rotation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-screen-rotation-lock"></i> mdi mdi-screen-rotation-lock 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-screwdriver"></i> mdi mdi-screwdriver 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-script"></i> mdi mdi-script 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sd"></i> mdi mdi-sd 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seal"></i> mdi mdi-seal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-flat"></i> mdi mdi-seat-flat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-flat-angled"></i> mdi mdi-seat-flat-angled 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-individual-suite"></i> mdi mdi-seat-individual-suite 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-legroom-extra"></i> mdi mdi-seat-legroom-extra 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-legroom-normal"></i> mdi mdi-seat-legroom-normal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-legroom-reduced"></i> mdi mdi-seat-legroom-reduced 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-recline-extra"></i> mdi mdi-seat-recline-extra 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-seat-recline-normal"></i> mdi mdi-seat-recline-normal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-security"></i> mdi mdi-security 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-security-network"></i> mdi mdi-security-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-select"></i> mdi mdi-select 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-select-all"></i> mdi mdi-select-all 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-select-inverse"></i> mdi mdi-select-inverse 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-select-off"></i> mdi mdi-select-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-selection"></i> mdi mdi-selection 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-send"></i> mdi mdi-send 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-serial-port"></i> mdi mdi-serial-port 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server"></i> mdi mdi-server 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-minus"></i> mdi mdi-server-minus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-network"></i> mdi mdi-server-network 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-network-off"></i> mdi mdi-server-network-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-off"></i> mdi mdi-server-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-plus"></i> mdi mdi-server-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-remove"></i> mdi mdi-server-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-server-security"></i> mdi mdi-server-security 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-settings"></i> mdi mdi-settings 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-settings-box"></i> mdi mdi-settings-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shape-circle-plus"></i> mdi mdi-shape-circle-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shape-plus"></i> mdi mdi-shape-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shape-polygon-plus"></i> mdi mdi-shape-polygon-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shape-rectangle-plus"></i> mdi mdi-shape-rectangle-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shape-square-plus"></i> mdi mdi-shape-square-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-share"></i> mdi mdi-share 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-share-variant"></i> mdi mdi-share-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shield"></i> mdi mdi-shield 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shield-outline"></i> mdi mdi-shield-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shopping"></i> mdi mdi-shopping 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shopping-music"></i> mdi mdi-shopping-music 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shredder"></i> mdi mdi-shredder 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shuffle"></i> mdi mdi-shuffle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shuffle-disabled"></i> mdi mdi-shuffle-disabled 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-shuffle-variant"></i> mdi mdi-shuffle-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sigma"></i> mdi mdi-sigma 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sigma-lower"></i> mdi mdi-sigma-lower 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sign-caution"></i> mdi mdi-sign-caution 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-signal"></i> mdi mdi-signal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-signal-variant"></i> mdi mdi-signal-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-silverware"></i> mdi mdi-silverware 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-silverware-fork"></i> mdi mdi-silverware-fork 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-silverware-spoon"></i> mdi mdi-silverware-spoon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-silverware-variant"></i> mdi mdi-silverware-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sim"></i> mdi mdi-sim 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sim-alert"></i> mdi mdi-sim-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sim-off"></i> mdi mdi-sim-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sitemap"></i> mdi mdi-sitemap 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-backward"></i> mdi mdi-skip-backward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-forward"></i> mdi mdi-skip-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-next"></i> mdi mdi-skip-next 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-next-circle"></i> mdi mdi-skip-next-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-next-circle-outline"></i> mdi mdi-skip-next-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-previous"></i> mdi mdi-skip-previous 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-previous-circle"></i> mdi mdi-skip-previous-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skip-previous-circle-outline"></i> mdi mdi-skip-previous-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skype"></i> mdi mdi-skype 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-skype-business"></i> mdi mdi-skype-business 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-slack"></i> mdi mdi-slack 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sleep"></i> mdi mdi-sleep 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sleep-off"></i> mdi mdi-sleep-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-smoking"></i> mdi mdi-smoking 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-smoking-off"></i> mdi mdi-smoking-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-snapchat"></i> mdi mdi-snapchat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-snowman"></i> mdi mdi-snowman 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-soccer"></i> mdi mdi-soccer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sofa"></i> mdi mdi-sofa 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort"></i> mdi mdi-sort 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort-alphabetical"></i> mdi mdi-sort-alphabetical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort-ascending"></i> mdi mdi-sort-ascending 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort-descending"></i> mdi mdi-sort-descending 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort-numeric"></i> mdi mdi-sort-numeric 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sort-variant"></i> mdi mdi-sort-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-soundcloud"></i> mdi mdi-soundcloud 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-source-branch"></i> mdi mdi-source-branch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-source-fork"></i> mdi mdi-source-fork 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-source-merge"></i> mdi mdi-source-merge 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-source-pull"></i> mdi mdi-source-pull 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-speaker"></i> mdi mdi-speaker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-speaker-off"></i> mdi mdi-speaker-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-speedometer"></i> mdi mdi-speedometer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-spellcheck"></i> mdi mdi-spellcheck 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-spotify"></i> mdi mdi-spotify 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-spotlight"></i> mdi mdi-spotlight 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-spotlight-beam"></i> mdi mdi-spotlight-beam 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-spray"></i> mdi mdi-spray 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-square-inc"></i> mdi mdi-square-inc 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-square-inc-cash"></i> mdi mdi-square-inc-cash 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stackexchange"></i> mdi mdi-stackexchange 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stackoverflow"></i> mdi mdi-stackoverflow 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stairs"></i> mdi mdi-stairs 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-star"></i> mdi mdi-star 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-star-circle"></i> mdi mdi-star-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-star-half"></i> mdi mdi-star-half 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-star-off"></i> mdi mdi-star-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-star-outline"></i> mdi mdi-star-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-steam"></i> mdi mdi-steam 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-steering"></i> mdi mdi-steering 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-step-backward"></i> mdi mdi-step-backward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-step-backward-2"></i> mdi mdi-step-backward-2 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-step-forward"></i> mdi mdi-step-forward 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-step-forward-2"></i> mdi mdi-step-forward-2 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stethoscope"></i> mdi mdi-stethoscope 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sticker"></i> mdi mdi-sticker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stocking"></i> mdi mdi-stocking 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stop"></i> mdi mdi-stop 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stop-circle"></i> mdi mdi-stop-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stop-circle-outline"></i> mdi mdi-stop-circle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-store"></i> mdi mdi-store 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-store-24-hour"></i> mdi mdi-store-24-hour 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-stove"></i> mdi mdi-stove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-subdirectory-arrow-left"></i> mdi mdi-subdirectory-arrow-left 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-subdirectory-arrow-right"></i> mdi mdi-subdirectory-arrow-right 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-subway"></i> mdi mdi-subway 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sunglasses"></i> mdi mdi-sunglasses 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-surround-sound"></i> mdi mdi-surround-sound 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-swap-horizontal"></i> mdi mdi-swap-horizontal 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-swap-vertical"></i> mdi mdi-swap-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-swim"></i> mdi mdi-swim 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-switch"></i> mdi mdi-switch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sword"></i> mdi mdi-sword 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sync"></i> mdi mdi-sync 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sync-alert"></i> mdi mdi-sync-alert 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-sync-off"></i> mdi mdi-sync-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tab"></i> mdi mdi-tab 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tab-unselected"></i> mdi mdi-tab-unselected 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table"></i> mdi mdi-table 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-column-plus-after"></i> mdi mdi-table-column-plus-after 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-column-plus-before"></i> mdi mdi-table-column-plus-before 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-column-remove"></i> mdi mdi-table-column-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-column-width"></i> mdi mdi-table-column-width 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-edit"></i> mdi mdi-table-edit 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-large"></i> mdi mdi-table-large 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-row-height"></i> mdi mdi-table-row-height 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-row-plus-after"></i> mdi mdi-table-row-plus-after 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-row-plus-before"></i> mdi mdi-table-row-plus-before 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-table-row-remove"></i> mdi mdi-table-row-remove 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tablet"></i> mdi mdi-tablet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tablet-android"></i> mdi mdi-tablet-android 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tablet-ipad"></i> mdi mdi-tablet-ipad 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tag"></i> mdi mdi-tag 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tag-faces"></i> mdi mdi-tag-faces 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tag-multiple"></i> mdi mdi-tag-multiple 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tag-outline"></i> mdi mdi-tag-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tag-text-outline"></i> mdi mdi-tag-text-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-target"></i> mdi mdi-target 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-taxi"></i> mdi mdi-taxi 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-teamviewer"></i> mdi mdi-teamviewer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-telegram"></i> mdi mdi-telegram 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-television"></i> mdi mdi-television 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-television-guide"></i> mdi mdi-television-guide 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-temperature-celsius"></i> mdi mdi-temperature-celsius 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-temperature-fahrenheit"></i> mdi mdi-temperature-fahrenheit 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-temperature-kelvin"></i> mdi mdi-temperature-kelvin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tennis"></i> mdi mdi-tennis 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tent"></i> mdi mdi-tent 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-terrain"></i> mdi mdi-terrain 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-test-tube"></i> mdi mdi-test-tube 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-text-shadow"></i> mdi mdi-text-shadow 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-text-to-speech"></i> mdi mdi-text-to-speech 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-text-to-speech-off"></i> mdi mdi-text-to-speech-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-textbox"></i> mdi mdi-textbox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-texture"></i> mdi mdi-texture 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-theater"></i> mdi mdi-theater 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-theme-light-dark"></i> mdi mdi-theme-light-dark 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thermometer"></i> mdi mdi-thermometer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thermometer-lines"></i> mdi mdi-thermometer-lines 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thumb-down"></i> mdi mdi-thumb-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thumb-down-outline"></i> mdi mdi-thumb-down-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thumb-up"></i> mdi mdi-thumb-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thumb-up-outline"></i> mdi mdi-thumb-up-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-thumbs-up-down"></i> mdi mdi-thumbs-up-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ticket"></i> mdi mdi-ticket 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ticket-account"></i> mdi mdi-ticket-account 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ticket-confirmation"></i> mdi mdi-ticket-confirmation 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tie"></i> mdi mdi-tie 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timelapse"></i> mdi mdi-timelapse 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timer"></i> mdi mdi-timer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timer-10"></i> mdi mdi-timer-10 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timer-3"></i> mdi mdi-timer-3 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timer-off"></i> mdi mdi-timer-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timer-sand"></i> mdi mdi-timer-sand 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-timetable"></i> mdi mdi-timetable 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-toggle-switch"></i> mdi mdi-toggle-switch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-toggle-switch-off"></i> mdi mdi-toggle-switch-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip"></i> mdi mdi-tooltip 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip-edit"></i> mdi mdi-tooltip-edit 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip-image"></i> mdi mdi-tooltip-image 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip-outline"></i> mdi mdi-tooltip-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip-outline-plus"></i> mdi mdi-tooltip-outline-plus 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooltip-text"></i> mdi mdi-tooltip-text 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tooth"></i> mdi mdi-tooth 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tor"></i> mdi mdi-tor 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-traffic-light"></i> mdi mdi-traffic-light 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-train"></i> mdi mdi-train 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tram"></i> mdi mdi-tram 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-transcribe"></i> mdi mdi-transcribe 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-transcribe-close"></i> mdi mdi-transcribe-close 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-transfer"></i> mdi mdi-transfer 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-translate"></i> mdi mdi-translate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tree"></i> mdi mdi-tree 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trello"></i> mdi mdi-trello 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trending-down"></i> mdi mdi-trending-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trending-neutral"></i> mdi mdi-trending-neutral 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trending-up"></i> mdi mdi-trending-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-triangle"></i> mdi mdi-triangle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-triangle-outline"></i> mdi mdi-triangle-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trophy"></i> mdi mdi-trophy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trophy-award"></i> mdi mdi-trophy-award 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trophy-outline"></i> mdi mdi-trophy-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trophy-variant"></i> mdi mdi-trophy-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-trophy-variant-outline"></i> mdi mdi-trophy-variant-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-truck"></i> mdi mdi-truck 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-truck-delivery"></i> mdi mdi-truck-delivery 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tshirt-crew"></i> mdi mdi-tshirt-crew 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tshirt-v"></i> mdi mdi-tshirt-v 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tumblr"></i> mdi mdi-tumblr 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tumblr-reblog"></i> mdi mdi-tumblr-reblog 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tune"></i> mdi mdi-tune 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-tune-vertical"></i> mdi mdi-tune-vertical 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-twitch"></i> mdi mdi-twitch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-twitter"></i> mdi mdi-twitter 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-twitter-box"></i> mdi mdi-twitter-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-twitter-circle"></i> mdi mdi-twitter-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-twitter-retweet"></i> mdi mdi-twitter-retweet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ubuntu"></i> mdi mdi-ubuntu 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-umbraco"></i> mdi mdi-umbraco 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-umbrella"></i> mdi mdi-umbrella 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-umbrella-outline"></i> mdi mdi-umbrella-outline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-undo"></i> mdi mdi-undo 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-undo-variant"></i> mdi mdi-undo-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-unfold-less"></i> mdi mdi-unfold-less 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-unfold-more"></i> mdi mdi-unfold-more 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-ungroup"></i> mdi mdi-ungroup 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-untappd"></i> mdi mdi-untappd 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-upload"></i> mdi mdi-upload 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-usb"></i> mdi mdi-usb 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-arrange-above"></i> mdi mdi-vector-arrange-above 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-arrange-below "></i> mdi mdi-vector-arrange-below 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-circle"></i> mdi mdi-vector-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-circle-variant"></i> mdi mdi-vector-circle-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-combine"></i> mdi mdi-vector-combine 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-curve"></i> mdi mdi-vector-curve 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-difference"></i> mdi mdi-vector-difference 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-difference-ab"></i> mdi mdi-vector-difference-ab 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-difference-ba"></i> mdi mdi-vector-difference-ba 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-intersection"></i> mdi mdi-vector-intersection 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-line"></i> mdi mdi-vector-line 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-point"></i> mdi mdi-vector-point 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-polygon"></i> mdi mdi-vector-polygon 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-polyline "></i> mdi mdi-vector-polyline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-rectangle"></i> mdi mdi-vector-rectangle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-selection "></i> mdi mdi-vector-selection 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-square"></i> mdi mdi-vector-square 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-triangle"></i> mdi mdi-vector-triangle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vector-union"></i> mdi mdi-vector-union 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-verified"></i> mdi mdi-verified 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vibrate "></i> mdi mdi-vibrate 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-video"></i> mdi mdi-video 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-video-off"></i> mdi mdi-video-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-video-switch"></i> mdi mdi-video-switch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-agenda"></i> mdi mdi-view-agenda 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-array"></i> mdi mdi-view-array 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-carousel"></i> mdi mdi-view-carousel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-column"></i> mdi mdi-view-column 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-dashboard"></i> mdi mdi-view-dashboard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-day"></i> mdi mdi-view-day 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-grid"></i> mdi mdi-view-grid 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-headline"></i> mdi mdi-view-headline 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-list"></i> mdi mdi-view-list 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-module"></i> mdi mdi-view-module 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-quilt"></i> mdi mdi-view-quilt 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-stream"></i> mdi mdi-view-stream 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-view-week"></i> mdi mdi-view-week 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vimeo "></i> mdi mdi-vimeo 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vine"></i> mdi mdi-vine 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-violin"></i> mdi mdi-violin 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-visualstudio"></i> mdi mdi-visualstudio 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vk"></i> mdi mdi-vk 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vk-box"></i> mdi mdi-vk-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vk-circle"></i> mdi mdi-vk-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vlc"></i> mdi mdi-vlc 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-voice"></i> mdi mdi-voice 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-voicemail"></i> mdi mdi-voicemail 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-volume-high"></i> mdi mdi-volume-high 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-volume-low"></i> mdi mdi-volume-low 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-volume-medium"></i> mdi mdi-volume-medium 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-volume-off"></i> mdi mdi-volume-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-vpn"></i> mdi mdi-vpn 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-walk"></i> mdi mdi-walk 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wallet"></i> mdi mdi-wallet 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wallet-giftcard"></i> mdi mdi-wallet-giftcard 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wallet-membership"></i> mdi mdi-wallet-membership 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wallet-travel"></i> mdi mdi-wallet-travel 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wan"></i> mdi mdi-wan 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-watch"></i> mdi mdi-watch 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-watch-export"></i> mdi mdi-watch-export 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-watch-import"></i> mdi mdi-watch-import 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-water"></i> mdi mdi-water 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-water-off"></i> mdi mdi-water-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-water-percent"></i> mdi mdi-water-percent 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-water-pump"></i> mdi mdi-water-pump 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-watermark"></i> mdi mdi-watermark 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-cloudy"></i> mdi mdi-weather-cloudy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-fog"></i> mdi mdi-weather-fog 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-hail"></i> mdi mdi-weather-hail 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-lightning"></i> mdi mdi-weather-lightning 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-night"></i> mdi mdi-weather-night 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-partlycloudy"></i> mdi mdi-weather-partlycloudy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-pouring"></i> mdi mdi-weather-pouring 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-rainy"></i> mdi mdi-weather-rainy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-snowy"></i> mdi mdi-weather-snowy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-sunny"></i> mdi mdi-weather-sunny 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-sunset "></i> mdi mdi-weather-sunset 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-sunset-down"></i> mdi mdi-weather-sunset-down 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-sunset-up"></i> mdi mdi-weather-sunset-up 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-windy"></i> mdi mdi-weather-windy 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weather-windy-variant"></i> mdi mdi-weather-windy-variant 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-web"></i> mdi mdi-web 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-webcam"></i> mdi mdi-webcam 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-webhook"></i> mdi mdi-webhook 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wechat"></i> mdi mdi-wechat 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weight"></i> mdi mdi-weight 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-weight-kilogram"></i> mdi mdi-weight-kilogrammdi-whatsapp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-whatsapp"></i> mdi mdi-whatsapp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wheelchair-accessibility "></i> mdi mdi-wheelchair-accessibility 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-white-balance-auto"></i> mdi mdi-white-balance-auto 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-white-balance-incandescent "></i> mdi mdi-white-balance-incandescent 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-white-balance-iridescent"></i> mdi mdi-white-balance-iridescent 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-white-balance-sunny"></i> mdi mdi-white-balance-sunny 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wifi"></i> mdi mdi-wifi 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wifi-off"></i> mdi mdi-wifi-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wii"></i> mdi mdi-wii 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wikipedia"></i> mdi mdi-wikipedia 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-close"></i> mdi mdi-window-close 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-closed"></i> mdi mdi-window-closed 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-maximize"></i> mdi mdi-window-maximize 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-minimize"></i> mdi mdi-window-minimize 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-open"></i> mdi mdi-window-open 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-window-restore"></i> mdi mdi-window-restore 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-windows"></i> mdi mdi-windows 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wordpress"></i> mdi mdi-wordpress 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-worker"></i> mdi mdi-worker 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wrap "></i> mdi mdi-wrap 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wrench"></i> mdi mdi-wrench 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-wunderlist"></i> mdi mdi-wunderlist 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xaml"></i> mdi mdi-xaml 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xbox"></i> mdi mdi-xbox 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xbox-controller"></i> mdi mdi-xbox-controller 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xbox-controller-off"></i> mdi mdi-xbox-controller-off 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xda"></i> mdi mdi-xda 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xing"></i> mdi mdi-xing 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xing-box"></i> mdi mdi-xing-box 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xing-circle"></i> mdi mdi-xing-circle 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-xml"></i> mdi mdi-xml 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-yeast"></i> mdi mdi-yeast 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-yelp"></i> mdi mdi-yelp 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-youtube-play"></i> mdi mdi-youtube-play 
           </div> 
           <div class="col-sm-6 col-md-4 col-lg-3"> 
            <i class="mdi mdi-zip-box"></i> mdi mdi-zip-box 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
     </div> 
     <!-- container --> 
    </div> 
    <!-- content --> 
    <footer class="footer text-right">
      2017 © Adminox. - Coderthemes.com 
    </footer> 
   </div> 
   <!-- ============================================================== --> 
   <!-- End Right content here --> 
   <!-- ============================================================== --> 
  </div> 
  <!-- END wrapper --> 
  <!-- jQuery  --> 
  <script src="assets/js/jquery.min.js"></script> 
  <script src="assets/js/tether.min.js"></script>
  <!-- Tether for Bootstrap --> 
  <script src="assets/js/bootstrap.min.js"></script> 
  <script src="assets/js/metisMenu.min.js"></script> 
  <script src="assets/js/waves.js"></script> 
  <script src="assets/js/jquery.slimscroll.js"></script> 
  <!-- App js --> 
  <script src="assets/js/jquery.core.js"></script> 
  <script src="assets/js/jquery.app.js"></script>  
 </body>
</html>